<template>
	<view>
		<view class="cu-card" >
			<view class="cu-item bg-img" 
			:style="[{backgroundImage:'url(https://image.weilanwl.com/color2.0/plugin/qpct2148.jpg)'}]"  
			data-url="../plugin/drawer" style="background-color: #FFFFFF;">
				<view class="cardTitle">
					终身学习分享群周打卡
				</view>
			</view>
		</view>
	<view>
	
		
		<daka v-if="PageCur=='daka'"></daka>
		<!-- <basics v-if="PageCur=='daka'"></basics> -->
		<timelines v-if="PageCur=='basics'"></timelines>
		<plugin v-if="PageCur=='plugin'"></plugin>
	</view>
	

	
		
	<view class="cu-bar tabbar bg-white shadow foot">
			<view class="action" @click="NavChange" data-cur="daka">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/plugin' + [PageCur == 'daka'?'_cur':''] + '.png'"></image>
				</view>
			<view :class="PageCur=='daka'?'text-green':'text-gray'">周榜</view>
	</view>
				
		 <view class="action" @click="NavChange" data-cur="basics" >
					<view class='cuIcon-cu-image'>
						<image :src="'/static/tabbar/basics' + [PageCur=='basics'?'_cur':''] + '.png'"></image>
					</view>
					<view :class="PageCur=='basics'?'text-green':'text-gray'">时间轴</view>
				</view>
			
				<view class="action" @click="NavChange" data-cur="component" v-if="false">
					<view class='cuIcon-cu-image'>
						<image :src="'/static/tabbar/component' + [PageCur == 'component'?'_cur':''] + '.png'"></image>
					</view>
					<view :class="PageCur=='component'?'text-green':'text-gray'">本周总结分享</view>
				</view>
			
				
				<view class="action" @click="NavChange" data-cur="plugin">
					<view class='cuIcon-cu-image'>
						<image :src="'/static/tabbar/plugin' + [PageCur == 'plugin'?'_cur':''] + '.png'"></image>
					</view>
					<view :class="PageCur=='plugin'?'text-green':'text-gray'">打卡</view>
				</view> 
				
				
			</view>
			</view>
		
			</view>
			
			
</template>

<script>
	export default {
		data() {
		return {
				PageCur: 'daka',
				loading:false,
				actid:'',
				modalName:'',
				nickName:'',
				poolList: [
					{
						name: '读书',
						id: 0,
						nickName:'',
					},
					{
						name: '日记',
						id: 1,
						nickName:''
					},
					{
						name: '学习',
						id: 3,
						nickName:''
					}
				],
			}
		},
		created()  {
			let nickName =  uni.getStorageSync(	"nickName"	)
			console.log('created',nickName)
			if(!nickName)
			{
				uni.navigateTo({
					url: '/pages/daka/login',
				});
			}
		},
		mounted() {
			// document.images[3].src='';	
			// document.getElementsByClassName('ta_egg')[0].style.display='none';
			// document.getElementsByClassName('homeContainer')[0].style.display='none'
			// document.getElementById('encourage-content')[0].style.display='none'
			document.getElementById('encourage-content').style.display='none'
		},
		
		methods: {
			NavChange: function(e) {
				this.PageCur = e.currentTarget.dataset.cur
			} 
	},
	}
</script>

<style>
	
	.cardTitle {
		color: #fff;
		padding: 90upx 60upx;
		font-size: 40upx;
		font-weight: 300;
		position: relative;
		text-shadow: 0px 0px 6upx rgba(0, 0, 0, 0.3)
	}
	
	.cardTitle::before {
		content: "";
		position: absolute;
		width: 60upx;
		height: 6upx;
		border-radius: 20upx;
		background-color: #fff;
		display: block;
		top: 60upx;
		left: 50upx;
		transform: skew(10deg, 0deg);
	}
	
	.cardTitle::after {
		content: "";
		position: absolute;
		width: 140upx;
		border-radius: 6upx;
		height: 24upx;
		background-color: #fff;
		display: block;
		bottom: 76upx;
		left: 90upx;
		transform: skew(10deg, 0deg);
		opacity: 0.1;
	}	
	.cu-item {
		background-color: #FFF;
	}

</style>
